<template>
	<view class="">
		<view class="user">
			<view class="core">分销中心</view>
			<view class="heder_number">
				<view class="left">
					<image src="../../../static/images/header-t.jpg" mode=""></image>
				</view>
				<view class="right">
					<view class="username">王大仙</view>
					<view class="numberid">Id:100232</view>
				</view>
			</view>
		</view>
		<view class="Royalty">
			<!-- <view class="Royalty_cot" @click="finance">
				<view class="ative_number">
					<view class="cot_ative">累计佣金:</view>
					<view class="cot_number">￥2000.00元</view>
				</view>
				<view class="cot_icon iconfont icon-icon"></view>
			</view> -->
			<view class="Royalty_btn">
				<view class="ative_number">
					<view class="cot_ative">余额:</view>
					<view class="cot_number">￥500.00元</view>
				</view>
				<button type="primary" @click="choice">提现</button>
			</view>
		</view>
		<view class="bution_list">
			<view class="order_ation" @click="order">
				<image src="../../../static/images/user/ordermodular.png" mode=""></image>
				<view>订单管理</view>
			</view>
			<view class="order_ation" @click="fincenten">
				<image src="../../../static/images/user/financemodular.png" mode=""></image>
				<view>财务管理</view>
			</view>
			<view class="order_ation" @click="form">
				<image src="../../../static/images/user/form.png" mode=""></image>
				<view>表单预览</view>
			</view> 
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			clickMe(){
				console.log(123);
			},
			fincenten(){
				uni.navigateTo({
					url:'finance/finance'
				})
			},
			finance(){
				uni.navigateTo({
					url:'../finance/finance'
				})
			},
			choice(){
				uni.navigateTo({
					url:'../recharge/presentation'
				})
			},
			order(){
				uni.navigateTo({
					url:'order/orderlist'
				})
			},
			form(){
				uni.navigateTo({
					url:'form/form'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import "../../../common/iconfont.css";
	@font-face {
	       font-family: 'iconfont';
		    src: url('~@/static/iconfont.ttf');
	}
	page{
		background: #f2f2f2;
	}
	.numberid{
		color: #fff;
		font-size: 30upx;
	}
	.bution_list{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		width: 100%;
		padding: 30upx 0;
		margin-top: 20upx;
		background: #fff;
	}
	.order_ation{
		width: 33%;
		text-align: center;
		margin: 16upx 0;
	}
	.order_ation image{
		width: 120upx;
		height: 120upx;
	}
	.order_ation view{
		line-height: 1.4;
		color: #333;
		font-size: 32upx;
	}
	.cot_icon{
		font-size: 32upx;
	}
	.cot_number{
		font-size: 32upx;
		color: #ff4800;
	}
	.cot_ative{
		width: 40%;
		font-size: 32upx;
	}
	.ative_number{
		display: flex;
		width: 80%;
	}
	.Royalty_btn{
		display: flex;
		justify-content: space-between;
		color: #333;
		padding: 20upx 0;
	}
	.Royalty_btn button{
		width: 100upx;
		height: 53upx;
		margin: 0;
		padding: 0 10upx;
		font-size: 28upx;
		line-height: 1.8;
		border: 0;
		background: #ff4800;
		margin-top: 3upx;
	}
	.Royalty_cot{
		display: flex;
		justify-content: space-between;
		color: #333;
		padding: 20upx 0;
		border-bottom: 1upx solid #d7d7d7;
	}
	.Royalty{
		width: 92%;
		padding: 0upx 4%;
		background: #fff;
		margin-top: 20upx;
	}
	.user{
		width: 92%;
		padding: 78upx 4% 60upx 4%;
		align-items: center;
		background: linear-gradient(to right, #5cd3ff, #13b1eb); 
		.core{
			width: 100%;
			text-align: center;
			height: 88upx;
			line-height: 88upx;
			font-size: 36upx;
			font-weight: bold;
			color: #fff;
		}
		.heder_number{
			text-align: center;
		}
		.left{
			width: 20vw;
			height: 20vw;
			margin: 0 auto;
			margin-top: 50upx;
			flex-shrink: 0;
			border: solid 1upx #fff;
			border-radius: 100%;
			image{
				width: 20vw;
				height: 20vw;
				border-radius: 100%;
			}
			
		}
		.right{
			width: 100%;
			margin-top:10upx;
			.username{
				font-size: 32upx;
				color: #fff;
				font-weight: 600;
			}
			.signature{
				color: #eee;
				font-size: 28upx;
			}
		}
	}
</style>
